<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>产品特性</title>
    <link href="css/global.css" rel="stylesheet">
    <link href="css/product.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet">
</head>

<body>
    <!--头部滑块区域  -->
    <div class="sliderBox">
        <ul>
            <li>酒店通Pad<span>SamHotel HD</span></li>
            <li>酒店通app<span>SamHotel</span></li>
            <li>蓝牙开门<span>appSamkey</span></li>
            <li>自助入住PAD<span>SamGuest HD</span></li>
        </ul>
    </div>
    <ul class="showPage ">
        <li style="background:#e6fff9;">
            <!-- logoBox -->
            <div class="logoBox">
                <img class="logoImg" src="images/jdtPad01.png" data-scroll-reveal="enter left over 1s and move 300px after 0.1s" alt="">
                <div class="logoText">
                    <span class="logoH1" data-scroll-reveal="enter right over 1s and move 100px after 0.2s">酒店通Pad</span>
                    <span class="logoH2" data-scroll-reveal="enter right over 1s and move 200px after 0.3s">SamHotel HD</span>
                    <span class="logoH3" data-scroll-reveal="enter right over 1s and move 300px after 0.4s">应用环境：酒店前台</span>
                </div>
            </div>

            <!--showBox1  -->
            <div class="showBox1">
                <img class="padImg1" data-scroll-reveal="enter top after 0.5s" src="images/jdtPad02.png" alt="">
                <span class="lineTopText" data-scroll-reveal="enter left after 0.6s">酒店智能化</span>
                <span class="lineBottomText" data-scroll-reveal="enter right after 0.7s">酒店智能化</span>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter left after 0.3s">
                <img src="images/jdtPad03.png" alt="">
                <div class="title">首页</div>
                <div class="content">根据需求添加工作模块快捷入口，工作更高效</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter right after 0.3s">
                <img src="images/jdtPad04.png" alt="">
                <div class="title">当日房态</div>
                <div class="content">全日房、钟点房、一周房态一目了然，更有多种显示模式方便您的操作</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter left after 0.3s">
                <img src="images/jdtPad05.png" alt="">
                <div class="title">快速订房</div>
                <div class="content">双击快速订房，更加精简高效的订房流程</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter right after 0.3s">
                <img src="images/jdtPad06.png" alt="">
                <div class="title">多订单管理</div>
                <div class="content">愉快有序的批量处理各类团体订单、关联订单</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter left after 0.3s">
                <img src="images/jdtPad07.png" alt="">
                <div class="title">报表分析</div>
                <div class="content">清晰完备的酒店报表分析，实时掌控酒店数据</div>
            </div>

            <!-- showBox3  -->
            <div class="showBox3" data-scroll-reveal="enter top after 0.3s">
                <div class="title"><span>酒店通Pad 特性总览：</span></div>
                <div class="content">
                    <span>含房态、订单、财务等24个子模块</span>
                    <span>革命性原创操作管理界面，让酒店系统简洁、清晰、易学</span>
                    <span>模块化功能设计，随心所欲，打造全新个性化界面</span>
                    <span>多模式全房态展示，一目了然，一切尽在掌握中</span>
                    <span>原创钟点房房态管理，界面清新时尚</span>
                    <span>独创的团房管理，排房可视化，客人入住高效快捷</span>
                    <span>先进的清洁管理系统，让房务透明化、网络化</span>
                    <span>高效的退房查房系统，前台和客人信息全共享</span>
                    <span>含OCR证件识别软件，可接受多种证件入住</span>
                    <span>完善的分类学习视频，让系统使用零距离</span>
                </div>
            </div>

            <!--showBox4  -->
            <div class="showBox4" data-scroll-reveal="enter bottom after 0.3s">
                <span>登陆赛米官网   了解更多详情</span>
                <a href="http://www.samsoft.com.cn">www.samsoft.com.cn</a>
            </div>
        </li>
        <li style="background:url('images/jdtApp01.png') top left repeat-y content-box;background-size:100% auto;">
            <!-- logoBox -->
            <div class="logoBox">
                <img class="logoImg" src="images/jdtApp02.png" data-scroll-reveal="enter left over 1s and move 300px after 0.1s" alt="">
                <div class="logoText">
                    <span class="logoH1" data-scroll-reveal="enter right over 1s and move 100px after 0.2s">酒店通app</span>
                    <span class="logoH2" data-scroll-reveal="enter right over 1s and move 200px after 0.3s">SamHotel</span>
                    <span class="logoH3" data-scroll-reveal="enter right over 1s and move 300px after 0.4s">应用环境：移动办公</span>
                </div>
            </div>

            <!--showBox5  -->
            <div class="showBox5">
                <div class="leftBox" data-scroll-reveal="enter top after 0.3s">
                    <img src="images/jdtApp03.png" alt="">
                    <span>移动办公+OA<em>随时随地操作酒店事务<br/>个人OA即时处理</em></span>
                </div>
                <div class="rightBox" data-scroll-reveal="enter bottom after 0.3s">
                    <img src="images/jdtApp04.png" alt="">
                    <span>当日房态<em>全日房、钟点房、一周房态一目了然<br/>订房、换房、退房……操作自如</em></span>
                </div>
            </div>

            <!--showBox5  -->
            <div class="showBox5">
                <div class="leftBox" data-scroll-reveal="enter bottom after 0.3s">
                    <img src="images/jdtApp05.png" alt="">
                    <span>房务清洁系统<em>含分配、清洁、查房等7个模块<br/>智能分配房间给各岗位人员</em></span>
                </div>
                <div class="rightBox" data-scroll-reveal="enter top after 0.3s">
                    <img src="images/jdtApp06.png" alt="">
                    <span>报表分析<em>清晰完备的酒店报表分析<br/>实时掌控酒店数据</em></span>
                </div>
            </div>

            <!--showBox5  -->
            <div class="showBox5">
                <div class="leftBox" data-scroll-reveal="enter top after 0.3s">
                    <img src="images/jdtApp07.png" alt="">
                    <span>业主模块<em>业主自主管理房间的好帮手<br/>不同模块帮您解决不同问题</em></span>
                </div>
                <div class="rightBox" data-scroll-reveal="enter bottom after 0.3s">
                    <img src="images/jdtApp08.png" alt="">
                    <span>业主房态<em>业主实时了解房间状态<br/>每月收益一目了然</em></span>
                </div>
            </div>

            <!-- showBox6  -->
            <div class="showBox6" data-scroll-reveal="enter top after 0.3s">
                <img class="titleImg" src="images/jdtApp09.png" alt="">
                <div class="title">酒店通app 特性总览：</div>
                <div class="content">
                    <span>全员参与管理，业务、财务、办公一体化</span>
                    <span>含房态、订单、财务、连锁酒店等20个子模块</span>
                    <span>模块化功能设计，随心所欲，打造全新个性化界面</span>
                    <span>酒店当日和多日房态一目了然</span>
                    <span>可实时调整房间售价</span>
                    <span>可及时处理各类订单状态</span>
                    <span>详尽的酒店财务数据和报表分析</span>
                    <span>让管理者无论身在何处，均在掌握中</span>
                    <span>连锁酒店各分店数据及报表</span>
                    <span>根据授权范围，即查即得（可选）</span>
                </div>
            </div>

            <!--showBox4  -->
            <div class="showBox4" data-scroll-reveal="enter bottom after 0.3s">
                <span>登陆赛米官网   了解更多详情</span>
                <a href="http://www.samsoft.com.cn">www.samsoft.com.cn</a>
            </div>
        </li>
        <li style="background:#3f3f3f;">
            <!-- logoBox -->
            <div class="logoBox">
                <img class="logoImg" src="images/lymsWx01.png" data-scroll-reveal="enter left over 1s and move 300px after 0.1s" alt="">
                <div class="logoText">
                    <span class="logoH1" style="color:#e7cc85;" data-scroll-reveal="enter right over 1s and move 100px after 0.2s">蓝牙开门</span>
                    <span class="logoH2" style="color:#e7cc85;" data-scroll-reveal="enter right over 1s and move 200px after 0.3s">Samkey</span>
                    <span class="logoH3" style="color:#fff;" data-scroll-reveal="enter right over 1s and move 300px after 0.4s">应用环境：门前扫描登录</span>
                </div>
            </div>

            <!--showBox5  -->
            <div class="showBox5">
                <div class="leftBox" data-scroll-reveal="enter top after 0.3s">
                    <img src="images/lymsWx02.png" alt="">
                    <span style="color:#75e9b1;">首页<em style="color:#e7cc85;">订单基本信息+蓝牙截止时间<br/>可切换用户、查看订单详情</em></span>
                </div>
                <div class="rightBox" data-scroll-reveal="enter bottom after 0.3s">
                    <img src="images/lymsWx03.png" alt="">
                    <span style="color:#75e9b1;">开门页<em style="color:#e7cc85;">伴随悦耳铃声，蓝牙门锁连接完成<br/>一键开门，快捷、隐蔽</em></span>
                </div>
            </div>

            <!--showBox5  -->
            <div class="showBox5">
                <div class="leftBox" data-scroll-reveal="enter bottom after 0.3s">
                    <img src="images/lymsWx02.png" alt="">
                    <span style="color:#75e9b1;">订单<em style="color:#e7cc85;">订单各项明细查看<br/>押金单、账单查看</em></span>
                </div>
                <div class="rightBox" data-scroll-reveal="enter top after 0.3s">
                    <img src="images/lymsWx03.png" alt="">
                    <span style="color:#75e9b1;">押金单、账单<em style="color:#e7cc85;">专业严谨的单据样式<br/>提升用户体验</em></span>
                </div>
            </div>

            <!--showBox7  -->
            <div class="showBox7">
                <div data-scroll-reveal="enter after 0.6s">"微信扫一扫，蓝牙一键开门<br/>押金单、账单、一目了然"</div>
                <i class="link" data-scroll-reveal="enter left after 0.3s" style="top:0;left:0;"></i>
                <i class="link" data-scroll-reveal="enter right after 0.3s" style="bottom:0;right:0;"></i>
            </div>

            <!-- showBox6  -->
            <div class="showBox6" id="lymxJs" data-scroll-reveal="enter top after 0.3s">
                <img class="titleImg" src="images/lymsWx06.png" alt="">
                <div class="title">蓝牙开门 特性总览：</div>
                <div class="content">
                    <span>无须更换现有电子门锁和系统，双系统同时使用</span>
                    <span>对接酒店房间各类电子门锁</span>
                    <span>每个门锁只需增加一个蓝牙触控器</span>
                    <span>无需破坏门锁和房门</span>
                    <span>自动推送蓝牙密钥到客人手机   一键开门</span>
                    <span>10位混和字母和数字密码，安全可靠</span>
                    <span>客人开门次数和时间可查</span>
                    <span>手机蓝牙开门，无需网络支持，无惧断网</span>
                    <span>手机蓝牙开锁铃声界面，友好，直观</span>
                </div>
            </div>

            <!--showBox4  -->
            <div class="showBox4" data-scroll-reveal="enter bottom after 0.3s">
                <span style="color:#aaa;">登陆赛米官网   了解更多详情</span>
                <a style="background:#00a958;" href="http://www.samsoft.com.cn">www.samsoft.com.cn</a>
            </div>
        </li>
        <li style="background:#fbf0d5;">
            <!-- logoBox -->
            <div class="logoBox">
                <img class="logoImg" src="images/zzrzPad01.png" data-scroll-reveal="enter left over 1s and move 300px after 0.1s" alt="">
                <div class="logoText">
                    <span class="logoH1" data-scroll-reveal="enter right over 1s and move 100px after 0.2s">自助入住Pad</span>
                    <span class="logoH2" data-scroll-reveal="enter right over 1s and move 200px after 0.3s">SamGuest HD</span>
                    <span class="logoH3" data-scroll-reveal="enter right over 1s and move 300px after 0.4s">应用环境：酒店前台</span>
                </div>
            </div>

            <!--showBox1  -->
            <div class="showBox1">
                <img class="padImg1" data-scroll-reveal="enter top after 0.5s" src="images/zzrzPad02.png" alt="">
                <span class="lineTopText" data-scroll-reveal="enter left after 0.6s" style="color:#91650e;border-color:#91650e;">自助选房</span>
                <span class="lineBottomText" data-scroll-reveal="enter right after 0.7s" style="color:#91650e;border-color:#91650e;">自助入住</span>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter left after 0.3s">
                <img src="images/zzrzPad03.png" alt="">
                <div class="title">首页</div>
                <div class="content">亲切友好的操作页面，选房、入住，客人都可自助完成</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter right after 0.3s">
                <img src="images/zzrzPad04.png" alt="">
                <div class="title">房间详情</div>
                <div class="content">丰富全面的信息展示，方便客人详细了解房间</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter left after 0.3s">
                <img src="images/zzrzPad05.png" alt="">
                <div class="title">订单</div>
                <div class="content">订单页面清晰明确，各项明细和操作步骤都一目了然</div>
            </div>

            <!-- showBox2 -->
            <div class="showBox2" data-scroll-reveal="enter right after 0.3s">
                <img src="images/zzrzPad06.png" alt="">
                <div class="title">扫描证件</div>
                <div class="content">自助扫描证件，系统自动识别</div>
            </div>

            <!-- showBox3  -->
            <div class="showBox3" data-scroll-reveal="enter top after 0.3s" style="border-color:#91650e;">
                <div class="title" style="color:#91650e;"><span style="background:#fbf0d5;">自助入住Pad  特性总览</span></div>
                <div class="content">
                    <span>全面展示本单体酒店简介（图片、地图、设施、周边）</span>
                    <span>酒店房间详情（图片、楼层、位置、朝向、景观、风格、 客评）一目了然</span>
                    <span>客人自助选择酒店房间，微信、支付宝扫码支付订单直接进入酒管系统</span>
                    <span>蓝牙扫描身份证</span>
                    <span>含智能识别身份比对系统，刷脸入住</span>
                    <span>自助办理入住手续，无需前往前台（需对接公安旅业系统）</span>
                </div>
            </div>

            <!--showBox4  -->
            <div class="showBox4" data-scroll-reveal="enter bottom after 0.3s">
                <span>登陆赛米官网   了解更多详情</span>
                <a href="http://www.samsoft.com.cn">www.samsoft.com.cn</a>
            </div>
        </li>
    </ul>

    <script type="text/javascript" src="js/zepto.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript" src="js/scrollReveal.js"></script>
    <script>
        (function() {
            window.scrollReveal = new scrollReveal({
                container: $('body')[0],
                reset: true,
                move: '50px',
                mobile: true,
                // Callbacks that fire for each triggered element reveal, and reset.
                callback: function(e) {
                    var targetTop = e.target.scrollingElement.scrollTop,
                        childrenTop1 = $('.showPage').children().eq(0)[0].offsetTop - $.rem2px(2.15),
                        childrenTop2 = $('.showPage').children().eq(1)[0].offsetTop - $.rem2px(2.15),
                        childrenTop3 = $('.showPage').children().eq(2)[0].offsetTop - $.rem2px(2.15),
                        childrenTop4 = $('.showPage').children().eq(3)[0].offsetTop - $.rem2px(2.15);
                    var sliderLi = $('.sliderBox>ul>li');
                    if (targetTop >= childrenTop1 && targetTop < childrenTop2) {
                        sliderLi.eq(0).addClass('active').siblings().removeClass('active');
                    } else if (targetTop >= childrenTop2 && targetTop < childrenTop3) {
                        sliderLi.eq(1).addClass('active').siblings().removeClass('active');
                    } else if (targetTop >= childrenTop3 && targetTop < childrenTop4) {
                        sliderLi.eq(2).addClass('active').siblings().removeClass('active');
                    } else if (targetTop >= childrenTop4) {
                        sliderLi.eq(3).addClass('active').siblings().removeClass('active');
                    };
                }
            });
        })();
    </script>
    <script type="text/javascript" src="js/product.js"></script>

</body>

</html>